// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'

Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

// 为了让页码内容适应不同屏幕的手机，页面中元素的宽高不能写死
// 可以通过rem作为单位，当页面启动时，根据窗口的宽度计算出
// 合适的热rem大小，当窗口大小变化时，再次计算rem大小，那么
// 页面中的内容就会根据窗口的大小而变化。
var w = document.documentElement.clientWidth;
document.documentElement.style.fontSize = w/32 + 'px';

window.onresize = function(){
  // onresize:调整属性大小 。知道了屏幕里的块的宽度
  var w = document.documentElement.clientWidth;
  // document.documentElement:表示跟标签
  document.documentElement.style.fontSize = w/32 + 'px';
}
